@exhibition-bg: #f54662;
@desp-bg: #9ecec6;
@main-white: #ffffff;
@main-font: #030000;
@title-height: .4rem;

html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 100px;
    overflow-x: hidden;
}

body {
    display: block;
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 0;
    color: @main-font;
    font-size: 16px;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
}

a,
div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ratio-1x {
    .border-left:after,
    .border-right:after {
        -webkit-transform: scaleX(1);
        transform: scaleY(1);
    }

    .border-top:after,
    .border-bottom:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.ratio-2x {
    .border-left:after,
    .border-right:after {
        -webkit-transform: scaleX(.5);
        transform: scaleY(.5);
    }

    .border-top:after,
    .border-bottom:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }
}

.ratio-3x {
    .border-left:after,
    .border-right:after {
        -webkit-transform: scaleX(.3);
        transform: scaleY(.3);
    }

    .border-top:after,
    .border-bottom:after {
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3);
    }
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.content {
    position: relative;
}